//改变css样式
window.onload = function(){

	//个人中心
	$().getByClass('member').hover(function(){
		//当鼠标移入个人中心，小图标指向上
		$().getByClass('member').css('background',"url('img/arrow2.png')no-repeat center right");
		//这里执行show方法
		$().getTagName('ul').show();

	},function(){
		//当鼠标移出个人中心，小图标恢复默认向下
		$().getByClass('member').css('background',"url('img/arrow.png')no-repeat center right");
		//这里执行hide方法
		$().getTagName('ul').hide();

	});
	

	//登录框
	var login = $().getId('login');
	var screen = $().getId('screen');  //需重复调用的代码用一个变量代替

	// login.center(502,252).resize(function(){
	// 	login.center(502,252);                     //这里分开执行
	// });
	
	login.center(502,252);      //正常情况下窗口的宽高
	$().resize(function(){
		//缩放之后，重新获取浏览器窗口的宽高，避免固定大小，缩小窗口时出现滚动条
		login.center(502,252); 
		screen.lock();
		
	}); 

	//默认情况下，登录窗口是隐藏的,当点击登录才弹出登录框
	$().getByClass('login').click(function(){
		login.css('display','block');
		screen.lock();//锁屏 点击登录时才出现
	});

	//当点击close按钮时，关闭登录框
	$().getByClass('close').click(function(){
	    login.css('display','none');
	    screen.unlock();//解锁  点击关闭时锁屏消失
    });



	/*
	//获取元素宽高
	var oDiv = document.getElementById('login');
	var top = (document.documentElement.clientHeight-oDiv.offsetHeight)/2;
	var left = (document.documentElement.clientWidth-oDiv.offsetWidth)/2;
    
    //设置居中
    $().getId('login').css('top',top+'px').css('left',left+'px');

    //onresize:当改变窗口大小时，登录框跟着变化，一直保持居中的位置
    window.onresize = function(){
    	var oDiv = document.getElementById('login');
		var top = (document.documentElement.clientHeight-oDiv.offsetHeight)/2;
		var left = (document.documentElement.clientWidth-oDiv.offsetWidth)/2;
	    
	    //设置居中
	    $().getId('login').css('top',top+'px').css('left',left+'px');
    }

    把以上代码进行封装
    */
   

    //实现拖拽功能
    //流程：1.点击要拖拽的物体 onmousedown 2.移动物体 onmousemove 3.停止点击移动 onmouseup
    /*
    var oDiv = document.getElementById('login'); //获取被拖拽元素

    oDiv.onmousedown = function(e){      //点击oDiv

    	var e = e || window.event;
    	//求鼠标点击的点到拖拽窗口的横纵坐标
        var diffX = e.clientX - oDiv.offsetLeft;  
        var diffY = e.clientY - oDiv.offsetTop;


    	//移动oDiv,在整个窗口区域，所以要document获取
    	document.onmousemove = function(e){    //传个参数  event对象
            var e = e || window.event;
            //动态求出可视区边框到拖拽窗口点的横纵坐标
            oDiv.style.left = e.clientX - diffX + 'px';
            oDiv.style.top = e.clientY - diffY + 'px';
    	}

    	//停止
    	document.onmouseup = function(){
    		document.onmousemove = null;
    		document.onmouseup = null;
    	}

    }


    
   */

    //拖拽功能
    login.drag();
   

    
}